<template>
  <div>
    <nav>
      <ul>
        <div class="logo">
          <router-link to="/"><img src="../assets/logo.png" /></router-link>
        </div>
        <div class="item">
          <router-link to="/"><li>网站首页</li></router-link>
          <router-link to="/about"><li>关于我们</li></router-link>
          <router-link to="/news"><li>新闻资讯</li></router-link>
          <router-link to="/pro"><li>产品中心</li></router-link>
          <router-link to="/core"><li>核心技术</li></router-link>
          <router-link to="/job"><li>人才招聘</li></router-link>
          <router-link to="/contact"><li>联系我们</li></router-link>
          <a href="http://open.sseinfo.com/ir2/indexkcb?language=zh_CN&stockCode=688378"><li>投资者关系</li></a>
        </div>
      </ul>
    </nav>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
nav {
  width: var(--width);
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
  z-index: 100;
  background-color: #fff;
  ul {
    width: 1250px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    .item {
      display: flex;
    }
    li {
      color: #333;
      width: 100px;
      text-align: center;
      margin: 0 5px;
      cursor: pointer;
      user-select: none;
      transition: 1s;
      &:hover {
        background-color: var(--color-zdyblue);
      }
    }
    img {
      width: 130px;
      height: 80px;
    }
  }
}
</style>